<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <style>
        body{margin: 0px;padding: 0px;}
        .img2wei{margin: 2px;}
        .table2{border: 1px solid #000;}
        .table2 tr th{
            background-color: #F5F5F5;
            font-size: 9px;
            font-weight: normal;
            border: 1px solid #000;
            padding-left: 5px;
        }
        .table2 tr td{
            border: 1px solid #000;
            padding-left: 5px;
            font-weight: bold;
        }   
        .toolbarpr{
            padding:20px;
            border-bottom: 2px solid #006dcc;
            background-color: #091620;
            color: #fff;
        }

    </style>
    <head>
        <title>出库单打印</title>
        <link rel="stylesheet" type="text/css" href="__STATIC__/bootstrapv3/css/bootstrap.min.css" media="all">
        <link rel="stylesheet" type="text/css" href="__STATIC__/css/font-awesome.min.css" media="all">   
        <script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script> 
        <script src="__STATIC__/bootstrapv3/js/bootstrap.min.js"></script>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <div class="hidden-print toolbarpr">             
            <button class='btn btn-primary' id='printview'>开始打印</button> 提示：Google Chrome 打印预览页边距设置为：最小值，或者自定义上下左右都为3mm。

        </div>
        <script>
            $('#printview').click(function() {
                window.print();
            })
        </script>

    <volist name='data' id='vodata'>
        <div class="printpage" style='min-height: 27.5cm; max-height: 27.5cm; margin: 0px;'>
            <div class="row">
                <div class="col-xs-5"><img width="100" src="__IMG__/print_logp.png"> Order NO.：{$vodata.orderdata.oid}  </div>
                <div class="col-xs-6 text-right">{$vodata.orderdata.eid|get_expline_name} {:NOW()}</div>             
            </div>

            <div>
                <table width="100%" border="0" class="table2 ">
                    <tr>
                        <th rowspan="5"  bgcolor="#F5F5F5" scope="row" width="20%" style=" text-align:center;"><img src="__STATIC__/phpqrcode/QRcode.php?id={$vodata.orderdata.oid}&type=order&size=4" ></th>
                        <th colspan="4">SHIPPER</th>
                    </tr>
                    <tr>
                        <th width="20%">NAME OF SENDER</th>
                        <td width="21%">{$vodata.warehousedata.person}</td>
                        <th width="20%">TELEPHONE NO.<br/><small>(VERY IMPORTANT)</small></th>
                        <td width="27%">{$vodata.warehousedata.phone}</td>
                    </tr>
                    <tr>
                        <th colspan="4">COMPANY NAME AND ADDRESS(Inculde Postal Code)</th>
                    </tr>
                    <tr>
                        <td colspan="4">                                  
                            {$vodata.warehousedata.location}<br/>
                            {$vodata.warehousedata.city}, {$vodata.warehousedata.province},{$vodata.warehousedata.country},{$vodata.warehousedata.zipcode}<br/>
                        </td>
                    </tr>
                    <tr>
                        <th>POSTAL CODE</th>
                        <td>{$vodata.warehousedata.zipcode}</td>
                        <th>COUNTRY</th>
                        <td>{$vodata.warehousedata.country}</td>
                    </tr>
                </table> 
                <table width="100%" border="0" class="table2">
                    <tr>
                        <th width="5%" rowspan="4" scope="row">RECEIVER</th>
                        <th width="20%">NAME OF CONTACT PERSON</th>
                        <td width="21%">{$vodata.orderdata.name}</td>
                        <th width="27%">TELEPHONE NO.<br/><small>(VERY IMPORTANT)</samll></th>
                        <td width="27%">{$vodata.orderdata.phone}</td>
                    </tr>
                    <tr>
                        <th colspan="4">COMPANY NAME AND ADDRESS(Inculde Postal/Zip Code)</th>
                    </tr>
                    <tr>
                        <td colspan="4">
                    <notempty name="orderdata.street">{$vodata.orderdata.street}<br/></notempty>
                    {$vodata.orderdata.address} ,
                    {$vodata.orderdata.city}, {$vodata.orderdata.province}, {$vodata.orderdata.country},{$vodata.orderdata.zipcode}<br/>
                    </td>
                    </tr>
                    <tr>
                        <th>POSTAL CODE</th>
                        <td>{$vodata.orderdata.zipcode}</td>
                        <th>COUNTRY</th>
                        <td>{$vodata.orderdata.country}</td>
                    </tr>
                </table>
            </div>
            <br/>
            <hr/>
            <div class="row">
                <div class="col-xs-6"><img  width="100"  src="__IMG__/print_logp.png">出库单/{$vodata.orderdata.eid|get_expline_name} /{$vodata.orderdata.wid|get_warehouse_name}</div>
                <div class="col-xs-4 text-right">Order NO.：{$vodata.orderdata.oid}</div>             
            </div>
            <br/>
            <div class="row">
                <div class="col-xs-6">
                    <table width="100%" border="0" class="table table-condensed ">
                        <tr>
                            <th scope="col">需要出库的</th>
                            <th scope="col">包裹编码/位置/包裹描述</th>
                        </tr>


                        <volist name="vodata.packagelist" id="vo"> 
                            <tr>   
                                <td><img   src="__STATIC__/phpqrcode/QRcode.php?id={$vo.id}&type=package&size=3"> </td>
                                <td> 

                                    {$vo.id}/{$vo.location}/{$vo.name}/{$vo.remark} 

                                </td>  
                            </tr>
                        </volist>



                    </table>

                </div>
                <div class="col-xs-5 ">
                    <table width="100%" border="0" class="table table-condensed table-bordered" align="center">
                        <tr>
                            <th scope="col">需要提供的服务</th>
                            <th scope="col">人工操作</th>
                        </tr>
                        <volist name="vodata.serverlist" id="vos">
                            <tr>
                                <td>{$vos.sname}</td>
                                <td>□</td>
                            </tr>
                        </volist>
                    </table>
                    <table width="100%" border="0" class="table table-condensed table-bordered" align="center">
                        <tr>
                            <th scope="col">订单留言</th>

                        </tr>
                        <tr>
                            <td>{$vodata.orderdata.remark}</td>
                        </tr>
                    </table>
                    <table width="100%" border="0" class="table table-condensed table-bordered" align="center">
                        <tr>
                            <th scope="col">打包记录</th>
                            <th scope="col">人工操作</th>
                        </tr>

                        <tr>
                            <td>秤重</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>体积重</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>存放位置</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>员工签字</td>
                            <td></td>
                        </tr>

                    </table>
                </div>             
            </div>
        </div>

    </volist>
    
        
</body>
</html>
